<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/base.css">
    <script src="../js/jquery.min.js"></script>
    <script src="../js/popper.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <title>小米哟哟</title>
</head>

<body>
    <!-- header部分开始 -->
    <div class="container">
        <!-- 导航栏开始 -->
        <header class="navbar navbar-expand-md navbar-light mb-5">

            <!-- log -->
            <a href="#">
                <img src="../img/logo.png">
            </a>
            <!-- 按钮 -->
            <button class="navbar-toggler bg-light" data-toggle="collapse" data-target="#xz_menu">
                <span class="navbar-toggler-icon"></span>
            </button>
            <!-- 菜单隐藏 -->
            <div class="caidan collapse navbar-collapse w-100 flex-md-wrap flex-lg-nowrap ml-3 justify-content-between "
                id="xz_menu">
                <ul class=" d-flex flex-sm-wrap align-items-center ">
                    <li><a href="#">小米手机</a></li>
                    <li><a href="#">Redmi手机</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">笔记本</a></li>
                    <li><a href="#">家电</a></li>
                    <li><a href="#">路由器</a></li>
                    <li><a href="#">智能硬件</a></li>
                    <li class="ml-4 ">
                        <button class="btn orange"><a href="./login.html" target="_bank"
                                class="text-white">登录</a></button>
                    </li>
                    <li class="ml-1">
                        <button class="btn"><a href="./register.html" class=" text-secondary "
                                target="_bank">注册</a></button>
                    </li>
                </ul>
                <!-- 搜索框 -->
                <div class="search">
                    <input type="text" class="border-0 pl-2" placeholder="请输入您需要的商品">
                </div>
            </div>


        </header>
        <!-- 导航栏结束-->

        <!-- 轮播图开始 -->
        <div class="lbt">
            <div class="carousel h-100" id="banner">
                <!-- 准备轮播图的图片区 -->
                <div class="carousel-inner h-100 " data-ride="carousel">
                    <div class="carousel-item active h-100">
                        <img src="../img/banner1.webp" alt="" class="d-block h-100">
                    </div>
                    <div class="carousel-item h-100">
                        <img src="../img/banner2.jpg" alt="" class="d-block h-100">
                    </div>
                    <div class="carousel-item h-100">
                        <img src="../img/banner3.webp" alt="" class="d-block h-100">
                    </div>
                    <div class="carousel-item h-100">
                        <img src="../img/banner4.webp" alt="" class="d-block h-100">
                    </div>

                </div>
                <!-- 控制左右  -->
                <a href="#banner" class="carousel-control-prev" data-slide="prev">
                    <span class="carousel-control-prev-icon  lbt-l"></span>
                </a>
                <a href="#banner" class="carousel-control-next" data-slide="next">
                    <span class="carousel-control-next-icon lbt-r"></span>
                </a>
                <!-- 指示符区域 -->
                <ul class="carousel-indicators  lbt-key">
                    <li data-target="#banner" data-slide-to="0"></li>
                    <li data-target="#banner" data-slide-to="1"></li>
                    <li data-target="#banner" data-slide-to="2"></li>
                    <li data-target="#banner" data-slide-to="3"></li>
                </ul>
            </div>
            <!-- 侧边菜单开始 -->
            <div class="zb-caidan">
                <ul>
                    <li><a href="#">手机 电话卡 <em></em></a>
                    </li>
                    <li><a href="#">电视 盒子 <em></em></a>
                    </li>
                    <li><a href="#">笔记本 显示器 <em></em></a>
                    </li>
                    <li><a href="#">家电 插线板<em></em></a>
                    </li>
                    <li><a href="#">出行 穿戴 <em></em></a>
                    </li>
                    <li><a href="#">智能 路由器 <em></em></a>
                    </li>
                    <li><a href="#">电源 配件 <em></em></a>
                    </li>
                    <li><a href="#">健康 儿童 <em></em></a>
                    </li>
                    <li><a href="#">耳机 音响 <em></em></a>
                    </li>
                    <li><a href="#">生活 箱包 <em></em></a>
                    </li>
                </ul>
            </div>
            <!-- 侧边菜单结束 -->
        </div>
        <!-- 轮播图结束 -->


        <!-- 小米秒杀开始 -->
        <div class="kuan">
            <div class="miaosha  ">
                <div class="row h-100">
                    <div class="col-lg-3 col-sm-12 col-md-6 h-100 mb-md-4 mb-sm-4">
                        <div class="bg-info h-100">
                            <ul class="clearfix">
                                <li>
                                    <a href="#">
                                        <img src="../img/ms1.png" alt="">
                                        小米秒杀
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ms2.png" alt="">
                                        企业团购
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ms3.png" alt="">
                                        F码通道
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ms4.png" alt="">
                                        米粉卡
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ms5.png" alt="">
                                        以旧换新
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ms6.png" alt="">
                                        话费充值
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-12 col-md-6 h-100 mb-md-4 mb-sm-4">
                        <div class="bg-primary h-100  w-100">
                            <a href="#">
                                <img src="../img/mstp1.jpg" alt="" class="w-100 h-100">
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-12 col-md-6 h-100 w-100 mb-md-4 mb-sm-4">
                        <div class="bg-secondary h-100  ">
                            <a href="#">
                                <img src="../img/mstp2.jpg" alt="" class="w-100 h-100">
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-12 col-md-6 h-100   w-100 mb-md-4 mb-sm-4">
                        <div class="bg-warning h-100">
                            <a href="#">
                                <img src="../img/mstp3.png" alt="" class="w-100 h-100">
                            </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <!-- 小米秒杀结束 -->
    </div>
    <!-- header部分结束 -->


    <!-- 主体部分开始 -->
    <main>
        <div class="container-fluid ztbg">
            <div class="container">
                <!-- 动画轮播图 -->
                <div class="ms-dh">
                    <h2 class="clearfix">
                        <div class="float-left">小米秒杀</div>
                        <div class="float-right">查看更多</div>
                    </h2>
                    <div class="ms-dh-lbt">
                        <ul class="d-flex">
                            <li class="bg-white"><a href="#"><img src="../img/animation-1.webp" alt=""></a>
                                <div class="mt-lg-4">
                                    <h3>智能遥控车 黄绿色</h3>
                                    <h5 class="mt-lg-2">爆款车型正版授权</h5>
                                    <p class="mt-lg-3 mb-lg-3">
                                        <span>499元起</span>
                                        <span>599元</span>
                                    </p>
                                </div>
                            </li>
                            <li class="bg-white"><a href="#"><img src="../img/animation-2.webp" alt=""></a>
                                <div class="mt-lg-4">
                                    <h3>米家飞行员太阳镜 椭圆框 灰色</h3>
                                    <h5 class="mt-lg-2">偏光镜片，结构升级</h5>
                                    <p class="mt-lg-3 mb-lg-3">
                                        <span>199元起</span>
                                        <span>299元</span>
                                    </p>
                                </div>
                            </li>
                            <li class="bg-white"><a href="#"><img src="../img/animation-3.webp" alt=""></a>
                                <div class="mt-lg-4">
                                    <h3>PGG颈椎按摩仪 白色经典款</h3>
                                    <h5 class="mt-lg-2">3个按摩头 | 全身按摩| 5大模式 | 米家APP</h5>
                                    <p class="mt-lg-3 mb-lg-3">
                                        <span>499元起</span>
                                        <span>599元</span>
                                    </p>
                                </div>
                            </li>
                            <li class="bg-white"><a href="#"><img src="../img/animation-4.webp" alt=""></a>
                                <div class="mt-lg-4">
                                    <h3>霍尼韦尔甲醛监测仪 白色</h3>
                                    <h5 class="mt-lg-2">电化学传感器，甲醛超标显示</h5>
                                    <p class="mt-lg-3 mb-lg-3">
                                        <span>399元起</span>
                                        <span>499元</span>
                                    </p>
                                </div>
                            </li>
                            <li class="bg-white"><a href="#"><img src="../img/animation-1.webp" alt=""></a>
                                <div class="mt-lg-4">
                                    <h3>智能遥控车 黄绿色</h3>
                                    <h5 class="mt-lg-2">爆款车型正版授权</h5>
                                    <p class="mt-lg-3 mb-lg-3">
                                        <span>499元起</span>
                                        <span>599元</span>
                                    </p>
                                </div>
                            </li>
                            <li class="bg-white"><a href="#"><img src="../img/animation-2.webp" alt=""></a>
                                <div class="mt-lg-4">
                                    <h3>米家飞行员太阳镜 椭圆框 灰色</h3>
                                    <h5 class="mt-lg-2">偏光镜片，结构升级</h5>
                                    <p class="mt-lg-3 mb-lg-3">
                                        <span>199元起</span>
                                        <span>299元</span>
                                    </p>
                                </div>
                            </li>
                            <li class="bg-white"><a href="#"><img src="../img/animation-3.webp" alt=""></a>
                                <div class="mt-lg-4">
                                    <h3>PGG颈椎按摩仪 白色经典款</h3>
                                    <h5 class="mt-lg-2">3个按摩头 | 全身按摩| 5大模式 | 米家APP</h5>
                                    <p class="mt-lg-3 mb-lg-3">
                                        <span>499元起</span>
                                        <span>599元</span>
                                    </p>
                                </div>
                            </li>
                            <li class="bg-white"><a href="#"><img src="../img/animation-4.webp" alt=""></a>
                                <div class="mt-lg-4">
                                    <h3>霍尼韦尔甲醛监测仪 白色</h3>
                                    <h5 class="mt-lg-2">电化学传感器，甲醛超标显示</h5>
                                    <p class="mt-lg-3 mb-lg-3">
                                        <span>399元起</span>
                                        <span>499元</span>
                                    </p>
                                </div>
                            </li>

                        </ul>
                    </div>
                </div>
                <!-- 商品内容 -->
                <div class="w-100">
                    <a href="#">
                        <img src="../img/big-sj.webp" alt="" class="w-100">
                    </a>
                </div>
                <!-- 手机 -->
                <div class="sp">
                    <h2 class="clearfix">
                        <div class="float-left">手机</div>
                        <div class="float-right">查看更多</div>
                    </h2>
                    <div class="sp-1">
                        <div class="row ">
                            <div class="col-lg-3 col-sm-12 col-md-6 mb-md-4 mb-sm-4 p-md-1">
                                <div class="h-100 bg-white p-lg-4 p-md-1 text-center sp-des">
                                    <img src="../img/sj1.webp" alt="" class="w-lg-75  ">
                                    <div class="mt-lg-4">
                                        <h3>小米11 Pro</h3>
                                        <h5 class="mt-lg-2">1/1.12''GN2｜骁龙888</h5>
                                        <p class="mt-lg-3">
                                            <span>4499元起</span>
                                            <span>4999元</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-12 col-md-6 mb-md-4 mb-sm-4 p-md-1">
                                <div class="h-100 bg-white p-lg-4 p-md-1 text-center sp-des">
                                    <img src="../img/sj2.webp" alt="" class="w-lg-75  ">
                                    <div class="mt-lg-4">
                                        <h3>小米11 Pro</h3>
                                        <h5 class="mt-lg-2">1/1.12''GN2｜骁龙888</h5>
                                        <p class="mt-lg-3">
                                            <span>4499元起</span>
                                            <span>4999元</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-12 col-md-6 mb-md-4 mb-sm-4 p-md-1">
                                <div class="h-100 bg-white p-lg-4 p-md-1 text-center sp-des">
                                    <img src="../img/sj3.webp" alt="" class="w-lg-75  ">
                                    <div class="mt-lg-4">
                                        <h3>小米11 Pro</h3>
                                        <h5 class="mt-lg-2">1/1.12''GN2｜骁龙888</h5>
                                        <p class="mt-lg-3">
                                            <span>4499元起</span>
                                            <span>4999元</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-12 col-md-6 mb-md-4 mb-sm-4 p-md-1">
                                <div class="h-100 bg-white p-lg-4 p-md-1 text-center sp-des">
                                    <img src="../img/sj4.webp" alt="" class="w-lg-75  ">
                                    <div class="mt-lg-4">
                                        <h3>小米11 Pro</h3>
                                        <h5 class="mt-lg-2">1/1.12''GN2｜骁龙888</h5>
                                        <p class="mt-lg-3">
                                            <span>4499元起</span>
                                            <span>4999元</span>
                                        </p>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="row ">
                            <div class="col-lg-3 col-sm-12 col-md-6 mb-md-4 mb-sm-4 p-md-1">
                                <div class="h-100 bg-white p-lg-4 p-md-1 text-center sp-des">
                                    <img src="../img/sj1.webp" alt="" class="w-lg-75  ">
                                    <div class="mt-lg-4">
                                        <h3>小米11 Pro</h3>
                                        <h5 class="mt-lg-2">1/1.12''GN2｜骁龙888</h5>
                                        <p class="mt-lg-3">
                                            <span>4499元起</span>
                                            <span>4999元</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-12 col-md-6 mb-md-4 mb-sm-4 p-md-1">
                                <div class="h-100 bg-white p-lg-4 p-md-1 text-center sp-des">
                                    <img src="../img/sj2.webp" alt="" class="w-lg-75  ">
                                    <div class="mt-lg-4">
                                        <h3>小米11 Pro</h3>
                                        <h5 class="mt-lg-2">1/1.12''GN2｜骁龙888</h5>
                                        <p class="mt-lg-3">
                                            <span>4499元起</span>
                                            <span>4999元</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-12 col-md-6 mb-md-4 mb-sm-4 p-md-1">
                                <div class="h-100 bg-white p-lg-4 p-md-1 text-center sp-des">
                                    <img src="../img/sj3.webp" alt="" class="w-lg-75  ">
                                    <div class="mt-lg-4">
                                        <h3>小米11 Pro</h3>
                                        <h5 class="mt-lg-2">1/1.12''GN2｜骁龙888</h5>
                                        <p class="mt-lg-3">
                                            <span>4499元起</span>
                                            <span>4999元</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-12 col-md-6 mb-md-4 mb-sm-4 p-md-1">
                                <div class="h-100 bg-white p-lg-4 p-md-1 text-center sp-des">
                                    <img src="../img/sj4.webp" alt="" class="w-lg-75  ">
                                    <div class="mt-lg-4">
                                        <h3>小米11 Pro</h3>
                                        <h5 class="mt-lg-2">1/1.12''GN2｜骁龙888</h5>
                                        <p class="mt-lg-3">
                                            <span>4499元起</span>
                                            <span>4999元</span>
                                        </p>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="w-100">
                    <a href="#">
                        <img src="../img/bg-ds.webp" alt="" class="w-100">
                    </a>
                </div>
                <!-- 电视 -->
                <div class="sp">
                    <h2 class="clearfix">
                        <div class="float-left">电视</div>
                        <div class="float-right">查看更多</div>
                    </h2>
                    <div class="sp-1">
                        <div class="row ">
                            <div class="col-lg-3 col-sm-12 col-md-6 mb-md-4 mb-sm-4 p-md-1">
                                <div class="h-100 bg-white p-lg-4 p-md-1 text-center sp-des">
                                    <img src="../img/ds1.webp" alt="" class="w-lg-75  ">
                                    <div class="mt-lg-4">
                                        <h3>小米11 Pro</h3>
                                        <h5 class="mt-lg-2">1/1.12''GN2｜骁龙888</h5>
                                        <p class="mt-lg-3">
                                            <span>4499元起</span>
                                            <span>4999元</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-12 col-md-6 mb-md-4 mb-sm-4 p-md-1">
                                <div class="h-100 bg-white p-lg-4 p-md-1 text-center sp-des">
                                    <img src="../img/ds2.webp" alt="" class="w-lg-75  ">
                                    <div class="mt-lg-4">
                                        <h3>小米11 Pro</h3>
                                        <h5 class="mt-lg-2">1/1.12''GN2｜骁龙888</h5>
                                        <p class="mt-lg-3">
                                            <span>4499元起</span>
                                            <span>4999元</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-12 col-md-6 mb-md-4 mb-sm-4 p-md-1">
                                <div class="h-100 bg-white p-lg-4 p-md-1 text-center sp-des">
                                    <img src="../img/ds3.webp" alt="" class="w-lg-75  ">
                                    <div class="mt-lg-4">
                                        <h3>小米11 Pro</h3>
                                        <h5 class="mt-lg-2">1/1.12''GN2｜骁龙888</h5>
                                        <p class="mt-lg-3">
                                            <span>4499元起</span>
                                            <span>4999元</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-12 col-md-6 mb-md-4 mb-sm-4 p-md-1">
                                <div class="h-100 bg-white p-lg-4 p-md-1 text-center sp-des">
                                    <img src="../img/ds4.webp" alt="" class="w-lg-75  ">
                                    <div class="mt-lg-4">
                                        <h3>小米11 Pro</h3>
                                        <h5 class="mt-lg-2">1/1.12''GN2｜骁龙888</h5>
                                        <p class="mt-lg-3">
                                            <span>4499元起</span>
                                            <span>4999元</span>
                                        </p>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="row ">
                            <div class="col-lg-3 col-sm-12 col-md-6 mb-md-4 mb-sm-4 p-md-1">
                                <div class="h-100 bg-white p-lg-4 p-md-1 text-center sp-des">
                                    <img src="../img/ds1.webp" alt="" class="w-lg-75  ">
                                    <div class="mt-lg-4">
                                        <h3>小米11 Pro</h3>
                                        <h5 class="mt-lg-2">1/1.12''GN2｜骁龙888</h5>
                                        <p class="mt-lg-3">
                                            <span>4499元起</span>
                                            <span>4999元</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-12 col-md-6 mb-md-4 mb-sm-4 p-md-1">
                                <div class="h-100 bg-white p-lg-4 p-md-1 text-center sp-des">
                                    <img src="../img/ds2.webp" alt="" class="w-lg-75  ">
                                    <div class="mt-lg-4">
                                        <h3>小米11 Pro</h3>
                                        <h5 class="mt-lg-2">1/1.12''GN2｜骁龙888</h5>
                                        <p class="mt-lg-3">
                                            <span>4499元起</span>
                                            <span>4999元</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-12 col-md-6 mb-md-4 mb-sm-4 p-md-1">
                                <div class="h-100 bg-white p-lg-4 p-md-1 text-center sp-des">
                                    <img src="../img/ds3.webp" alt="" class="w-lg-75  ">
                                    <div class="mt-lg-4">
                                        <h3>小米11 Pro</h3>
                                        <h5 class="mt-lg-2">1/1.12''GN2｜骁龙888</h5>
                                        <p class="mt-lg-3">
                                            <span>4499元起</span>
                                            <span>4999元</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-12 col-md-6 mb-md-4 mb-sm-4 p-md-1">
                                <div class="h-100 bg-white p-lg-4 p-md-1 text-center sp-des">
                                    <img src="../img/ds4.webp" alt="" class="w-lg-75  ">
                                    <div class="mt-lg-4">
                                        <h3>小米11 Pro</h3>
                                        <h5 class="mt-lg-2">1/1.12''GN2｜骁龙888</h5>
                                        <p class="mt-lg-3">
                                            <span>4499元起</span>
                                            <span>4999元</span>
                                        </p>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

            </div>
        </div>
    </main>
    <!-- 主体部分结束 -->


    <!-- footer部分开始 -->
    <footer>
        <div class="container-fluid">
            <div class="container">
                <!-- 维修与服务 -->
                <div class="row border-bottom text-center ">
                    <div class="col-lg-3 col-md-6 col-sm-12 f-xiu mb-md-2 mb-sm-2">
                        <div class="f-padding w-100">
                            <a href="#">
                                <img src="../img/f-1.png" alt="">
                                预约维修服务
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12 f-xiu mb-md-2 mb-sm-2">
                        <div class="f-padding w-100">
                            <a href="#">
                                <img src="../img/f-2.png" alt="">
                                七天无理由退货
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12 f-xiu mb-md-2 mb-sm-2">
                        <div class="f-padding w-100">
                            <a href="#">
                                <img src="../img/f-3.png" alt="">
                                15天免费拉货
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12 f-xiu mb-md-2 mb-sm-4">
                        <div class="f-padding w-100 f-border ">
                            <a href="#">
                                <img src="../img/f-4.png" alt="">
                                满69包邮
                            </a>
                        </div>
                    </div>


                </div>
                <!-- 帮助中心 -->
                <div class="row">
                    <div class="col-lg-2 col-md-4 col-sm-6 f-bz">
                        <dl>
                            <dt>帮助中心</dt>
                            <dd><a href="#">账户管理</a></dd>
                            <dd><a href="#">购物指南</a></dd>
                            <dd><a href="#">订单操作</a></dd>
                        </dl>
                    </div>
                    <div class="col-lg-2 col-md-4 col-sm-6 f-bz">
                        <dl>
                            <dt>服务支持</dt>
                            <dd><a href="#">售后政策</a></dd>
                            <dd><a href="#">自助服务</a></dd>
                            <dd><a href="#">相关下载</a></dd>
                        </dl>
                    </div>
                    <div class="col-lg-2 col-md-4 col-sm-6 f-bz">
                        <dl>
                            <dt>线下门店</dt>
                            <dd><a href="#">小米之家</a></dd>
                            <dd><a href="#">服务网点</a></dd>
                            <dd><a href="#">授权体验店</a></dd>
                        </dl>
                    </div>
                    <div class="col-lg-2 col-md-4 col-sm-6 f-bz">
                        <dl>
                            <dt>关于小米</dt>
                            <dd><a href="#">了解小米</a></dd>
                            <dd><a href="#">加入小米</a></dd>
                            <dd><a href="#">投资者关系</a></dd>
                            <dd><a href="#">企业社会责任</a></dd>
                            <dd><a href="#">廉洁举报</a></dd>
                        </dl>
                    </div>
                    <div class="col-lg-2 col-md-4 col-sm-6 f-bz">
                        <dl>
                            <dt>关注我们</dt>
                            <dd><a href="#">新浪微博</a></dd>
                            <dd><a href="#">官网微信</a></dd>
                            <dd><a href="#">联系我们</a></dd>
                            <dd><a href="#">公益基金会</a></dd>
                        </dl>
                    </div>
                    <div class="col-lg-2 col-md-4 col-sm-6 f-bz f-bz-last">
                        <h2>400-100-5678</h2>
                        <p>8:00-18:00（仅收市话费）</p>
                        <button>人工服务</button>
                        <a href="#">
                            关注小米：
                            <em>
                                <img src="../img/f-bz1.png" alt="">
                            </em>
                            <i>
                                <img src="../img/f-bz2.png" alt="">
                            </i>
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </footer>
    <!-- footer部分结束-->


    <!-- 固定定位开始 -->
    <ul class="xm-gd">
        <li>
            <img src="../img/ul-gd-1.png" alt="">
            <p><a href="#">手机APP</a></p>
        </li>
        <li>
            <img src="../img/ul-gd-2.png" alt="">
            <p><a href="#">个人中心P</a></p>
        </li>
        <li>
            <img src="../img/ul-gd-3.png" alt="">
            <p><a href="#">售后服务</a></p>
        </li>
        <li>
            <img src="../img/ul-gd-4.png" alt="">
            <p><a href="#">人工服务</a></p>
        </li>
        <li>
            <img src="../img/ul-gd-5.png" alt="">
            <p><a href="#">购物车</a></p>
        </li>
        <li>
            <img src="../img/ul-gd-6.png" alt="">
            <p><a href="#">回顶部</a></p>
        </li>
    </ul>
    <!-- 固定定位结束-->
</body>

</html>